<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>dior迪奥旷野男士香水系列</title>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="lib/font_nebcs76pjzc/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/top.css">
    <link rel="stylesheet" href="iconfon/iconfont.css">
    <link rel="stylesheet" href="css/food.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>

<body>
    <!-- songxiaoyan -->
    <div class="top ">
        <!-- 目录 -->
        <div class="ml_develop display">
            <div class="cover"></div>
            <ul>
                <li>
                    <img src="./imgs/cuo.png" alt="">
                </li>
                <li class="mu_disappear"> 彩妆</li>
                <li class="mu_disappear d3_show">唇妆</li>
                <li class="cosmetics d3_show">
                    <p>所有产品</p>
                    <p>唇膏</p>
                    <p>唇彩</p>
                    <p>必备彩妆产品与色调盘</p>
                    <p>唇线</p>
                </li>
            </ul>
        </div>
        <!-- 目录 -->
        <div class="upper clearfix">
            <div class="ml iconfont fl">
                <a href="#">
                    &#xe712;&nbsp目录
                </a>
            </div>
            <input class="fl" type="text" placeholder="在dior.cn上搜索">
            <span class="iconfont fl search">
                <a href="#">
                    &#xe60a;
                </a>
            </span>
            <div class="r fr">
                <span class="iconfont .first-heart">
                    <a href="#">
                        &#xe82a;
                    </a>
                </span>
                <span class="iconfont">
                    <a href="#">
                        &#xe720;
                    </a>
                </span>
                <span class="iconfont">
                    <a href="#">
                        &#xe683;
                    </a>
                </span>
            </div>
        </div>
        <!--头部 -->

        <!--回到顶部 -->
        <div class="dingBu">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-huidaodingbu"></use>
            </svg>
        </div>
        <!--回到顶部 -->
        <div class="w">
            <!-- 标题 A-->
            <div class="w-1">
                <h1>DIOR迪奥旷野男士香水系列</h1>
                <!-- 内容A -->
                <div class="n-r">
                    <div class="banner"><img src="imgs/01.jpg" alt="">
                        <p>无边莽原迸发灵感无限，“旷野”由此而生。多汁的清新感缀以胡椒的辛香性格，透露着一抹原木气息，尽显高贵与狂野。</p>
                    </div>
                    <!-- 字体样式A -->
                    <hr>
                    <div class="font">
                        <button>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-kuangxuan"></use>
                            </svg>
                        </button>
                        <button>
                            <svg class=" icon-r " aria-hidden="true">
                                <use xlink:href="#icon-sigekuang"></use>
                            </svg>
                        </button>
                    </div>
                    <hr>
                    <!-- 字体样式E -->
                    <h2 class="font-xq">香氛</h2>
                    <div class="fuQin">
                        <!-- 香水展示区大A -->
                        <div class="show">
                            <ul class="">
                                <li>
                                    <a href="">
                                        <img src="imgs/02.jpg" alt="" smallsrc>
                                        <p><i>DIOR</i> <span class="dir">迪奥旷野男士</span></p>
                                        <p>淡香水</p>
                                        <span>￥<p class="left">660.00</p>
                                            <p class="right"><i>瓶装</i> <b>60 mL</b></p>
                                        </span>
                                        <span class=" iconfont icon-aixin1"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="imgs/03.jpg" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="imgs/04.jpg" alt="" smallsrc>

                                        <p><i>DIOR</i> <span class="dir">迪奥旷野男士</span></p>
                                        <p>香水</p>
                                        <span>￥<p class="left">730.00</p>
                                            <p class="right"><i>瓶装</i>- <b>60 mL</b></p>
                                        </span>
                                        <span class=" iconfont icon-aixin1"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="imgs/05.jpg" alt="" smallsrc>

                                        <p><i>DIOR</i> <span class="dir">迪奥旷野男士</span></p>
                                        <p>淡香水</p>
                                        <span>￥<p class="left">730.00</p>
                                            <p class="right"><i>瓶装</i>- <b>60 mL</b></p>
                                        </span>
                                        <span class=" iconfont icon-aixin1"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!-- 香水展示区e-->
                        <!-- 香水小A -->
                        <div class="show show-u">
                            <div class="   show-y">
                                <ul>
                                    <li>
                                        <a href="">
                                            <img src="imgs/04.jpg" alt="" smallsrc>
                                            <p>
                                                <span>#Best Seller</span>
                                                <br>
                                                DIOR迪奥旷野男士
                                                <br>
                                                淡香水
                                                <br>
                                                浓度
                                                <span class="n-d">
                                                    <i></i>
                                                    <i></i>
                                                    <i class="hui"></i>
                                                    <i class="hui"></i>
                                                </span>
                                                <br>
                                                ￥680.00 起
                                                喷装 60 mL
                                            </p>
                                            <span class=" iconfont icon-aixin1"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="imgs/02.jpg" alt="" smallsrc>
                                            <p>
                                                <span>#Best Seller</span>
                                                <br>
                                                DIOR迪奥旷野男士
                                                <br>
                                                淡香水
                                                <br>
                                                浓度
                                                <span class="n-d">
                                                    <i></i>
                                                    <i></i>
                                                    <i class="hui"></i>
                                                    <i class="hui"></i>
                                                </span>
                                                <br>
                                                ￥680.00 起
                                                喷装 60 mL
                                            </p>
                                            <span class=" iconfont icon-aixin1"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="imgs/05.jpg" alt="" smallsrc>
                                            <p>
                                                <span>#Best Seller</span>
                                                <br>
                                                DIOR迪奥旷野男士
                                                <br>
                                                淡香水
                                                <br>
                                                浓度
                                                <span class="n-d">
                                                    <i></i>
                                                    <i></i>
                                                    <i class="hui"></i>
                                                    <i class="hui"></i>
                                                </span>
                                                <br>
                                                ￥680.00 起
                                                喷装 60 mL
                                            </p>
                                            <span class=" iconfont icon-aixin1"></span>
                                        </a>
                                    </li>
                                </ul>
                                <!-- 香水小E -->
                            </div>
                        </div>
                        <!-- 内容E -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- songxiaoyan -->
    <!-- 隐藏部分 -->
    <div class="content clearfix">
        <div class="smallbox">
            <div class="wrong"><a href="javascript:"><img src="imgs/16.png" alt=""></a></div>
            <div class="aboutme">
                <div><a href="javascript:" class="me shoucang">我的收藏(<span class="sc"></span>)</a></div>
                <div><a href="javascript:" class="me">我的账户</a></div>
                <div><a href="javascript:" class="me shop">购物篮(<span class="sl">0</span>)</a></div>
            </div>
            <div class="tab">
                <div class="item collect">
                    <div class="best">
                        <span>我的最爱没有任何作品</span>
                    </div>
                    <ul class="one">
                        <!-- <li>
                            <div class="first">
                                <a href="javascript:"><img src="imgs/07.jpg" alt=""></a>
                            </div>
                            <div class="second">
                                <a href="javascript:">
                                    <p><span>DIOR</span>迪奥旷野男士</p>
                                </a>
                                <p>须后凝乳</p>
                                <p>瓶装100ml</p>
                                <p class="details">￥<i>560.00</i></p>
                                <a href="javascript:" class="del-1">删除</a>
                            </div>
                            <div class="last">
                                <a href="javascript:"><img src="imgs/17.png" alt=""></a>
                            </div>
                        </li> -->

                    </ul>s
                </div>
                <div class="item user ">
                    <h3>登录</h3>
                    <p>登录我的账户</p>
                    <a href="" class="login">登录</a>
                    <div class="create">
                        <a href="" class="account">
                            <p>没有账户吗？</p>
                        </a>
                        <i>建立账户</i>
                    </div>

                </div>
                <div class="item">
                    <div class="best-1">
                        <p>购物篮没有任何作品</p>
                        <a><span>继续购物</span></a>
                    </div>
                    <ul class="two">
                        <!-- <li>
                            <div class="first">
                                <a href="javascript:"><img src="imgs/07.jpg" alt=""></a>
           </div>
                            <div class="second">
                                <a href="javascript:">
                                    <p><span>DIOR</span>迪奥旷野男士</p>
                                </a>
                                <p>须后凝乳</p>
                                <p>瓶装100ml</p>
                                <p class="details">￥<i>560.00</i></p>
                                <a href="javascript:" class="del-1">删除</a>
                            </div>
                            <div class="last">
                                <span>数量:</span><span></span><br>
                                <b id="jj">
                                    <img src="imgs/减.png" alt="">
                                </b>
                                <b>
                                    <img src="imgs/加.png" alt="">
                                </b>

                            </div>
                            
                        </li> -->

                        <li id="last-1">
                            <p class="price">总计：</p>
                            <button><a>结账</a></button>
                        </li>
                    </ul>
                    <div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="banner clearfix">
        <!-- 视频部分 -->
        <!-- 视频 -->
        <div class="video-content" onselectstart="return false;">

            <div class="video-img">
                <video id="video" controls preload="metadata" poster="imgs/sauvage-tvc-edp-30s.jpg">
                    <source src="imgs/videos/20180109144832_1280x720_1713_73a12bdd-f4be-4623-bec5-426a6fedfa04.mp4"
                        type="video/mp4">
                </video>
                <div class="controller">
                    <div class="progress">
                        <div class="progress-current"></div>
                    </div>
                    <div class="controller-bar">
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 356" class="play">
                                <path xmlns="http://www.w3.org/2000/svg" d="M 0.3 -1 v 357 l 280.5 -178.5 L 0.3 -1 Z">
                                </path>
                            </svg>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 272 354" class="pause"
                                style="display: none;">
                                <path xmlns="http://www.w3.org/2000/svg"
                                    d="M 0.1 353.6 h 109 V 0 H 0.1 v 353.6 Z M 162.5 0 v 353.6 h 109 V 0 h -109 Z">
                                </path>
                            </svg>
                        </div>
                        <div>
                            00:00 / 00:31
                        </div>
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 20" version="1.1">
                                <g>
                                    <path
                                        d="M 17.2 3.4 l -0.7 0.7 c 1.6 1.5 2.6 3.7 2.6 6.1 c 0 2.3 -0.9 4.5 -2.5 6 l 0.7 0.7 c 1.7 -1.7 2.8 -4.1 2.8 -6.7 S 19 5.2 17.2 3.4 Z">
                                    </path>
                                    <path
                                        d="M 17.5 9.1 c -0.3 -1.5 -1 -2.9 -2.1 -3.9 L 14.7 6 c 0.9 0.9 1.5 2 1.8 3.3 c 0.3 2 -0.3 3.9 -1.7 5.2 l 0.8 0.8 C 17.1 13.6 17.9 11.4 17.5 9.1 Z">
                                    </path>
                                    <path
                                        d="M 15 9.5 c -0.2 -1 -0.7 -1.9 -1.4 -2.5 l -0.1 0.1 L 13 7.7 c 0.5 0.5 0.9 1.2 1.1 2 c 0.2 1.2 -0.2 2.3 -1 3 l 0.7 0.7 C 14.8 12.4 15.3 11 15 9.5 Z">
                                    </path>
                                    <path
                                        d="M 10.1 18.3 c -0.2 0 -0.4 -0.1 -0.5 -0.2 L 5 15.3 c -0.1 -0.1 -0.2 -0.1 -0.4 -0.1 H 1.2 c -0.6 0 -1.1 -0.5 -1.1 -1.1 V 6.9 c 0 -0.6 0.5 -1.1 1.1 -1.1 h 3.6 l 4.7 -3 c 0.3 -0.2 0.7 -0.2 1 0 S 11 3.3 11 3.7 v 13.7 c 0 0.4 -0.2 0.7 -0.5 0.9 C 10.4 18.3 10.2 18.3 10.1 18.3 Z M 1.2 6.7 c -0.1 0 -0.1 0.1 -0.1 0.1 V 14 c 0 0.1 0.1 0.1 0.1 0.1 h 3.4 c 0.3 0 0.6 0.1 0.9 0.3 l 4.5 2.9 V 3.6 l -4.7 3 C 5.2 6.7 5 6.7 4.8 6.7 H 1.2 Z">
                                    </path>
                                </g>
                            </svg>
                            <span class="scroll">
                                <span class="inner-scroll"></span>
                            </span>
                        </div>

                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86 20"
                                xmlns:xlink="http://www.w3.org/1999/xlink">
                                <image width="86" height="20"
                                    xlink:href=" GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABEFJREFUeNq0WWtIVUEQPrfUygeG PaQnRhahEkWEZhE3IgpCtP4WPhCK/mRBFFEgBRLVD/tjhRRp/oiI6EZU0p80ehgFWfanNL2YaWVR 0cPEx+2bmpPj8Z57d885Dnzs7t05M3tm98zOzPWFQqE04x9lAwe53wHsNUZoMhAHTAMGgAc+ny9k TkLGdDSJPKwGZnL/MPASGAZ/p5BHz5C+qUAP0A8Msh6SMxuoxzN9zBuDZi4/mgeUcv8xcIz7yUA6 sA5oBS7j+feGDUFmMZoiIzqRHcogq8RQJMi+IAcFoRFqjvBQNnATyLWZDwo5/jDzqcAVYFsEHcRz B8gLM7dHyA+EmZ9B6wf6gaPARA2D3LUzFNlHUUaBI8My7xpgECjTMSzG6UAncEphgRmsY7+OYZln ueCp8sCwZJtKRRmVozZBx7DMX8+8pSqGRT8F6ACGgbmKiwywnO06hmW+NsGX6cawPPdMUcZfvgmG c7rMbRWELVLgpx0nf/4I/qpLUcdVbs9AxxzN9XWI/lrDPdGBWRbFqDQfdGvY+9xOAiqiKMxCU8jD Jg0dj7ilC+2Q5voGbfpO6Trgj8LjZz5Xhm3nCIFoC10aEXh3iP5rzVNn6iiEjikaz6ZySxHHTQ8M G1CIIoqYz7lh8TkPofnEQwqH1kdg3yT6HxzqSFD9pLEBFBZm8UktgZxut1aFjK/sDtJsdNLvQeZz dWKJvot+po1CMoj0wT81dUj+pQpGJbdxFmgEcvGilwzvqDGCO/Dz/P+T5ob6RD/JhsfqIn5o6pD8 swCZaMSLE0Tx6mI+1c/J18GoLYa3FOBLuCbMXL5MqmI8VBoyxodiI8z9gvGCYvwGuM1Ryg20tCm7 wfPQi4WQLjtXQBGPXItbV5As+m9teHot40RNHZK/R9EArXyRrAAaYIyNHm50rTUL43Gt/M2tYeNF v8nmJclHtomfElxs3guN00V1hN984s/ppLZRqIE/e6sbaPDEsFhoLBdliLqixKf1YcIgVR1J4hK7 p7nMfm4p01vlkTto5kTH6gaavTqxS/jCIDoJwcMReKtFf7GGjoVCx0Wz2uWQ5nvoDprNLIzbMSUA N4bdwO1T4HSUXabbuY6HORo6csRprXCwxi+iH+elnxXuIN/qXx0bluujOzkv3gLDqaSMe5k/RyPv Ny+JXdDxzsFSW8cjTOHP3oxn/VY34ObEHgeoiLxataACvs98yslA+xQ2jxIOqscewLN1Dtd5zUU0 olKU8ZtFF1eGpZfl+ugT3qluzZ2m6GAlMA9ytkbQQxcc1WwL8MwJFy9/Xlyqm4X8ZI+KMuVm0WXM u4pSGClbIDKqV4JvgDfhA170YxhD0MWQwsMM4c/aOHMasmZB/NcM6exm+QMcviVyhiX/moljuWYm Z7qSb8bo8mAL1xesKTUV5CmWvcVhUS/42sO8RzF+r9E4aOXgPxJu7o8AAwCNeH+mkJBoAAAAAABJ RU5ErkJggg==">
                                </image>
                            </svg>
                        </div>
                        <div class="fullScreen">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 18">
                                <g>
                                    <path
                                        d="M22,15H4.3c-0.6,0-1.2-0.5-1.2-1.2V4.2C3.1,3.5,3.7,3,4.3,3H22c0.6,0,1.2,0.5,1.2,1.2v9.7C23.1,14.5,22.6,15,22,15z M4.1,4.3v9.3c0,0.2,0.1,0.3,0.3,0.3h17.3c0.2,0,0.3-0.1,0.3-0.3V4.3C22.1,4.1,22,4,21.8,4H4.5C4.3,4,4.1,4.1,4.1,4.3z">
                                    </path>
                                    <path
                                        d="M0.6,4C0.3,4,0.1,3.8,0.1,3.5V1.2C0.1,0.6,0.7,0,1.3,0h3.3c0.3,0,0.5,0.2,0.5,0.5S4.9,1,4.6,1H1.3C1.2,1,1.1,1.1,1.1,1.2 v2.3C1.1,3.8,0.9,4,0.6,4z">
                                    </path>
                                    <path
                                        d="M25.6,4c-0.3,0-0.5-0.2-0.5-0.5V1.2C25.1,1.1,25,1,24.9,1h-3.3c-0.3,0-0.5-0.2-0.5-0.5S21.3,0,21.6,0h3.3 c0.7,0,1.2,0.5,1.2,1.2v2.3C26.1,3.8,25.9,4,25.6,4z">
                                    </path>
                                    <path
                                        d="M4.6,18H1.3c-0.7,0-1.2-0.5-1.2-1.2v-2.3c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5v2.3c0,0.1,0.1,0.2,0.2,0.2h3.3 c0.3,0,0.5,0.2,0.5,0.5S4.9,18,4.6,18z">
                                    </path>
                                    <path
                                        d="M26.1,16.8c0,0.7-0.6,1.2-1.2,1.2h-3.3c-0.3,0-0.5-0.2-0.5-0.5s0.2-0.5,0.5-0.5h3.3c0.1,0,0.2-0.1,0.2-0.2v-2.3 c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5V16.8z">
                                    </path>
                                </g>
                            </svg>
                        </div>
                    </div>
                </div>
                <!-- 画圈和三角形 -->
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
                    y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"
                    class="play-pause">
                    <g>
                        <path
                            d="M25.5,20.5l14,9.5l-14,9.5V20.5z M60,30c0,16.6-13.4,30-30,30S0,46.6,0,30S13.4,0,30,0S60,13.4,60,30z M59,30 C59,14,46,1,30,1S1,14,1,30s13,29,29,29S59,46,59,30z">
                        </path>
                    </g>
                </svg>
                <!-- 画重新播放图 -->
                <svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 60 60; display: none;"
                    viewBox="0 0 60 60" x="0px" y="0px" version="1.1" xmlns:xml="http://www.w3.org/XML/1998/namespace"
                    xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" class="reload">
                    <path
                        d="M 38 25.9 c 1.1 2.1 1.3 4.5 0.6 6.8 c -0.7 2.3 -2.3 4.1 -4.4 5.2 c -1.3 0.7 -2.7 1 -4.1 1 c -2.1 0 -4.1 -0.8 -5.8 -2.2 c -0.5 -0.4 -0.9 -0.9 -1.4 -1.5 l -0.3 2.7 c -0.1 0.4 -0.4 0.8 -0.9 0.8 c -0.4 -0.1 -0.8 -0.4 -0.8 -0.9 l 0.5 -4.7 c 0.1 -0.4 0.4 -0.8 0.9 -0.8 l 4.7 0.5 c 0.4 0.1 0.8 0.5 0.7 0.9 c -0.1 0.4 -0.4 0.7 -0.8 0.7 l -2.7 -0.3 c 0.3 0.5 0.7 0.9 1.2 1.3 c 2.3 1.9 5.4 2.3 8 0.9 c 1.7 -0.8 3 -2.4 3.6 -4.2 c 0.6 -1.9 0.4 -3.8 -0.5 -5.5 c -1.9 -3.6 -6.2 -4.9 -9.7 -3 c -1.8 0.9 -3 2.5 -3.6 4.3 c -0.2 0.4 -0.6 0.7 -1 0.6 c -0.4 -0.2 -0.7 -0.6 -0.6 -1 c 0.7 -2.3 2.3 -4.2 4.4 -5.3 C 30.4 19.8 35.7 21.5 38 25.9 M 30 1 C 14 1 1 14 1 30 s 13 29 29 29 s 29 -13 29 -29 S 46 1 30 1 M 30 0 c 16.6 0 30 13.4 30 30 S 46.6 60 30 60 S 0 46.6 0 30 S 13.4 0 30 0 L 30 0 Z">
                    </path>
                </svg>
            </div>
            <div class="introduce">
                <p class="p-1">观看旷野男士香水影片，探索由约翰尼·德普（Johnny Depp）演绎的公路之旅，一段穿越加州沙漠的叙事诗。</p>
                <p class="p-2">率真锋芒，旷野之心。</p>
            </div>


            <!-- <div class="video">
                <video src=""></video>
            </div> -->
        </div>
        <!-- 图片部分 -->
        <div class="show">
            <p class="mt">沐浴&剃须</p>
            <ul>
                <li>
                    <a href="">
                        <img src="imgs/06.jpg" alt="" smallsrc>

                        <p><i>DIOR</i> <span class="dir">迪奥旷野男士</span></p>
                        <p>须后水</p>
                        <span>￥<p class="left">560.00</p> - <p class="right"><i>瓶装</i> <b>100 mL</b></p></span>
                        <span class=" iconfont icon-aixin1"></span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="imgs/07.jpg" alt="">
                        <P><i>Dior</i> <span>迪奥旷野男士</span></p>
                        <p>须后凝乳</p>
                        <span>￥<p class="left">560.00</p> - <p class="right"><i>瓶装 </i><b>100 mL</b></p></span>
                        <span class="iconfont icon-aixin1"></span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="imgs/08.jpg" alt="">
                        <p><i>Dior</i> <span>迪奥旷野男士</span></p>
                        <p>沐浴露</p>
                        <span>￥<p class="left">320.00 </p>-<p class="right"><i>瓶装 </i> <b>200 mL</b></p></span>
                        <span class="iconfont icon-aixin1"></span>
                    </a>
                </li>
            </ul>

        </div>
        <div class="public">
            <h3>官方网站独家版 迷你香氛套装</h3>
            <div class="aa">
                <div class="public-l">
                    <a href="">
                        <img src="imgs/09.jpg" alt="">
                        <p class="first">#限量款</p>
                        <p><i>DIOR</i> <span>迪奥经典香水礼盒</span> </p>
                        <p>汇集dior迪奥三款经典香水 </p>
                        <span>￥<p class="left">300.00</p></span>
                        <span class="iconfont icon-aixin1"></span>

                    </a>
                </div>

                <div class="public-r">
                    <a href="">
                        <img src="imgs/10.jpg" alt="">
                        <span>
                            <p>探索旷野的风格意境</p>

                            <i>探索发现了解</i>
                        </span>
                    </a>
                    <div>

                    </div>
                </div>

                <!-- 精品店部分 -->

            </div>
        </div>
    </div>

    <!-- 刘亚东 -->
    <div class="food clearfix">
        <div class="foot">
            <div class="banner ">
                <h2 class="headline">精品店</h2>
                <input type="text" placeholder="城市，邮编，国家"><a href=""><span class="iconfont icon-sousuo"></span> </a>
            </div>
        </div>
        <!-- 第二部分 -->
        <div class="lists clearfix">
            <h1>DIOR迪奥官网购物特殊礼遇</h1>
            <ul>
                <li>
                    <span class="iconfont icon-hezi"></span>
                    <h4>免配送费</h4>
                    <h4>所有订单均享免费顺丰速递服务</h4>
                </li>
                <li>
                    <span class="iconfont icon-lihe"></span>
                    <h4>艺术礼盒包装</h4>
                    <h4>尊享Dior迪奥独家艺术礼盒包装<br>服务</h4>
                </li>
                <li>
                    <span class="iconfont icon-meizhuang-jiemaogao"></span>
                    <h4>试用装礼赠</h4>
                    <h4>所有订单均获 2件试用装礼赠</h4>
                </li>
                <li>
                    <span class="iconfont icon-pingzi"></span>
                    <h4>旅行装礼赠</h4>
                    <h4>订购满600元 即获旅行装礼赠</h4>
                </li>
                <li class="listsimg">
                    <img src="imgs/11.jpg" alt="">
                </li>
            </ul>
        </div>
        <!-- 第三部分 -->
        <!-- 左 -->
        <div class="end clearfix">
            <ul class="endclick">
                <li>
                    <p>电子通讯</p>
                    <div>
                        <input type="text" placeholder="*请输入您的邮箱"><a href=""><span>确定</span></a>
                    </div>
                </li>
            </ul>
            <!-- 中 -->
            <ul class="endlist">
                <li><a href="#">联系我们</a></li>
                <li><a href="#">配送及退货</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">职业生涯</a></li>
                <li><a href="#">使用条款</a></li>
                <li><a href="#">数据保护章程</a></li>
                <p class="endlists">
                    <a href="">
                        <img src="imgs/china-0.png" alt="">
                        <span>沪公网安备 31010602002343号</span>
                        <br>
                        <img src="imgs/china-1.png" alt="">
                        <span class="endlistsspan">沪ICP备19005922号</span>
                    </a>
                </p>
                <br>
                <p class="endlistsp">尚圃电子商务（上海）有限公司<br>上海市南京西路1266号恒隆广场1期29F</p>
            </ul>
            <!-- 右 -->
            <ul class="endlast clearfix">
                <li>
                <li class="endlaster">
                    <p>关注我们</p>
                    <span class="iconfont icon-weibo"></span>
                </li>
                <p>国家/地区</p>
                <!-- 右菜单栏 -->
                <div class="endlastp">
                    <button id="link">
                        <span class="endlastps fl ">
                            <div class="endlastpy">
                                <span class="iconfont icon-shoutibao"></span>
                                <span class="fl">中国 (CNY¥)</span>
                                <span id="ssdd" class="iconfont icon-icon_arrow_down"></span>
                                <span id="ssd" class="iconfont icon-icon_arrow_up"></span>
                            </div>
                        </span>
                    </button>
                </div>
                </li>
            </ul>
   <!-- 显示隐藏 -->
   <div class="enlastover" id="thediv" style="display:none">
        <ul>
            <li>Europe</li>
            <li><span class="iconfont icon-shoutibao"><a href="#">Belgique (EUR€)</a></li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">België (EUR€)</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Deutschland
                    (EUR€)</a></li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">España (EUR€)</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">France (EUR€)</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Italia (EUR€)</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Greece (EUR€)</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Ireland (EUR€)</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Nederland
                    (EUR€)</a></li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">España (EUR€)</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">France (EUR€)</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Italia (EUR€)</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Greece (EUR€)</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Ireland (EUR€)</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Nederland
                    (EUR€)</a></li>
        </ul>
        <ul>
            <li>North America</li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">United States
                    (US$)</a></li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">South America</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Brasil</a></li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Latin America</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">South America</a>
            </li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Brasil</a></li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">Latin America</a>
            </li>
        </ul>
        <ul>
            <li>Asia - Oceania</li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">中国 (CNY¥)</a></li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">香港</a></li>
        </ul>
        <ul>
            <li>International</li>
            <li><span class="iconfont icon-shoutibao"></span><a href="#">International
                    version</a></li>
        </ul>
    </div>
        </div>
    </div>
    <!-- 刘亚东 -->
    <script src='lib/jquery-1.12.4.js'></script>
    <script src='js/index.js'></script>
    <script src="lib/font_nebcs76pjzc/iconfont.js"></script>
    <script src="js/top.js"></script>
    <script src="js/food.js"></script>
</body>

</html>